<template>
	<view class="changeBtn" :style="styleValue" @click.stop="clickBtn(content)" hover-class="small-hover" hover-stay-time="200">
		<text>{{content}}</text>
	</view>
</template>

<script>
	export default {
		name: "y-button",
		data() {
			return {

			};
		},
		props:['content','styleValue'],
		computed:{
			
		},
		methods: {
			clickBtn(item) {
				this.$emit("click", item)
			}
		}
	}
</script>

<style lang="scss">
	.changeBtn {
		padding: 20rpx 30rpx;
		background-color: #6D39E9;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 70rpx;
		box-shadow: 0px 2px 8px rgba(109, 57, 233, 0.54);
	}
</style>
